
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

	<head>		
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<script type="text/javascript" src="./js/script.js"></script>
    <link rel="stylesheet" type="text/css" href="engine1/style.css" />
    <script type="text/javascript" src="./js/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" href="<%template_url%>/common.css" type="text/css" />
		<script type="text/javascript" src="./js/groject.imageswitch.102.yui.js"></script>
		<%head_info%>
		<title>MaxiVision :: Admin Account Information</title>
	
		
		<script type="text/javascript">
		function openCertificateWindow(){
		    var params  = 'width=891';
		    params += ', height=637';
		    params += ', top=0, left=0';

		    newwin = window.open("/members/certificate.php",'cert', params);
		    if (window.focus)
		    {
		        newwin.focus();
		    }
		}
		
      function highlight(item)
      {
        document.getElementById(item).style.backgroundImage="url('images/leftbarback1.png')";
      }
      
      function dehighlight(item)
      {
        document.getElementById(item).style.backgroundImage="url('images/leftbarback2.png')";
      }
      
      function showBar(item)
      {
        document.getElementById(item).style.display="block";
      }
      
      function hideBar(item)
      {
        document.getElementById(item).style.display="none";
      }
      
      function getHalfWidth()
      {
        var width = (document.body.clientWidth /2);
        return width;
      }
      
      var usedWidth = 0;
      function PreloadImg()
			{
			}
			
			$(document).ready(function()
			{
        //document.getElementById('newsletterTxt').value="Email here";
        PreloadImg();
        
			});
      
      
		  var ImgIdx2 = 2;
      function adjustBackground()
      {
        var img = 900;
        var minWidth = 1024;
        var curWidth = document.body.clientWidth;
       
        if(curWidth < minWidth)
        {
          usedWidth = minWidth;
        }
        else if(curWidth > minWidth)
        {
          usedWidth = curWidth;
        }
        
      //  alert(getDocHeight());
        document.getElementById('bottom').style.marginTop = getDocHeight()  - 250 + "px";
        /*
        var itemMargin = (usedWidth - img) / 2 + (img - 900) / 2;
        document.getElementById('headDiv').style.marginLeft = itemMargin  + 'px';
        document.getElementById('topRight').style.marginLeft = itemMargin + 780 + 'px';;
        document.getElementById('footTxtDiv').style.marginLeft = itemMargin + 35 + 'px';
        document.getElementById('topLogo').style.marginLeft = itemMargin +  'px';
        document.getElementById('menuBar').style.marginLeft = itemMargin  + 25 +  'px';
        document.getElementById('bodyMidBtn').style.marginLeft = itemMargin   +  'px';
       // document.getElementById('bodyMidTxt').style.marginLeft = itemMargin  + 50 +  'px';
        document.getElementById('frameDiv').style.marginLeft = itemMargin   +  'px';
        document.getElementById('bodyImg').style.width = document.body.clientWidth  +  'px';
        document.getElementById('footerImg').style.width = document.body.clientWidth  +  'px';
        document.getElementById('footerImg').style.height = '143px';
       // document.getElementById('bodySliderDiv').style.marginLeft = itemMargin  +  'px';
       // document.getElementById('bodySliderDiv').style.marginLeft = itemMargin  +  'px';
        
        document.getElementById('backgroundImg').style.width = document.body.clientWidth  + 'px';
        document.getElementById('footDiv').style.marginLeft = itemMargin  + 480+ 'px'; 
        document.getElementById('bannerDiv').style.marginLeft = itemMargin  + 35 +  'px';
        document.getElementById('iconDiv').style.marginLeft = itemMargin  + 'px';
        document.getElementById('newsletterDiv').style.marginLeft = itemMargin  + 620+ 'px';
        document.getElementById('servicesDiv').style.marginLeft = itemMargin  +  'px';
        document.getElementById('updatesDiv').style.marginLeft = itemMargin  + 620+ 'px';
        document.getElementById('socialDiv').style.marginLeft = itemMargin  + 580+ 'px';
        document.getElementById('naviTxt').style.marginLeft = itemMargin  + 10+  'px';
    //    document.getElementById('linksDiv').style.marginLeft = itemMargin  +  'px';
        
        document.getElementById('backgroundImg').style.display='block';
        document.getElementById('topRight').style.display='block';
        document.getElementById('menuBar').style.display='block';
        document.getElementById('bodyDiv').style.display='block';
        document.getElementById('topBg').style.display='block';
        //document.getElementById('backDiv').style.display='block';
        document.getElementById('headDiv').style.display='block';
        document.getElementById('bodyMidBtn').style.display='block';
       // document.getElementById('bodyMidTxt').style.display='block';
        document.getElementById('frameDiv').style.display='block';
        document.getElementById('iconDiv').style.display='block';
        document.getElementById('newsletterDiv').style.display='block';
        document.getElementById('servicesDiv').style.display='block';
        document.getElementById('updatesDiv').style.display='block';
        document.getElementById('naviTxt').style.display='block';
        document.getElementById('socialDiv').style.display='block';
        */
   //     document.getElementById('linksDiv').style.display='block';
       }
       
       function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

		</script>
	</head>

<body onload='adjustBackground();' style='background-color:#111;background-image:url("images/background-2.png");'>
  <div style="width:1366px;margin:-5px;margin:0px auto;">
    <div id='topBg' style='z-index:0;top:0px;'>
       <img src='./images/background.png' style="width:100%;height:200px;position:absolute;float:left"/>
        <img src='./images/top_navi.png' style="width:100%;top:180px;position:absolute;float:left"/>        
    </div>
    <div id='bodyDiv' style='width:980px;margin:0px auto;z-index:3;'>
      <div style='position:relative;float:right;'>
        <img src='./images/logo.png' style="top:20px;"/>
      </div>
      <div style='margin:0px auto;height:150px;'></div>
      <div style='margin:0px auto;position:relative;color:#fff;font-family:Gotham;font-weight:bold;font-size:13px;'>
        <%member_menu%>
      </div>
      
      <div style='margin:15px auto;position:relative;color:#fff;font-family:Lucida Sans;font-size:11px;float:right;'>
        
      </div>
      <div style='margin:0px auto;height:50px;'></div>
      <div style='margin:0px auto;width:980px;background-image:url("images/currency-bar.png");height:35px;'>
        
      </div>
      <div style='margin:0px auto;width:200px;position:relative;float:left;'>
        <%member_menu2%>
        
        <div style="width:200px;position:relative;float:left;height:400px;color:#F9EF7C;margin-top:10px;font-size:12px;font-family:Lucida Sans;background-color:#1c1c1c;">
                <div style="position:relative;float:left;width:180px;padding:10px;">
                <%link%>
                </div>
        </div>
        <!-- div style="width:200px;position:relative;float:left;height:258px;color:#F9EF7C;margin-top:10px;font-size:12px;font-family:Lucida Sans;background-color:#1c1c1c;">
          <form action="">            
                <div style="position:relative;float:left;width:80px;"><label><input type="radio" name="trade" value="Buy" />BUY</label></div>
                <div style="position:relative;float:left;width:80px;"><label><input type="radio" name="trade" value="Sell"  />SELL</label></div>
                <div style="position:relative;float:left;width:180px;padding:10px;">
                  <div style="position:relative;float:left;width:70px;padding-bottom:5px;">QUANTITY</div>
                  <div style="position:relative;float:left;padding-bottom:5px;"><input type="text" style="width:100px;" /></div>                  
                  <div style="position:relative;float:left;width:70px;padding-bottom:5px;">PRICE</div>
                  <div style="position:relative;float:left;padding-bottom:5px;"><select><option>0.104</option></select></div>
                  <div style="position:relative;float:left;width:120px;padding-bottom:5px;">PAYMENT MODE</div>
                  <div style="position:relative;float:left;width:70px;padding-bottom:5px;">
                    <select><option>share trading points</option></select><input type="submit" value="submit" name="submitTrade" />
                  </div>
                </div>
          </form>
        </div -->
        <div style="width:200px;position:relative;float:left;height:158px;color:#F9EF7C;margin-top:10px;font-size:12px;font-family:Lucida Sans;">
          &nbsp;
        </div>
      </div>
     
      <div style="margin:0px auto;padding:10px;width:750px;z-index:3;position:relative;float:left;">
        <div style="margin:0px auto;padding:0px;z-index:3;position:relative;float:left;">&nbsp;</div>
        <%content%>
        </div>
      </div>
      
      <div style='margin:0px auto;height:10px;'></div>
      <div style='margin:0px auto;width:250px;color:#F9D27C;font-family:Lucida Sans;FONT-SIZE:12px;float:right;'>&copy; 2013 MAXI-VISION GROUP LIMITED</div>
      <div style='margin:0px auto;height:70px;'></div>
    </div>
    <div id='bottom' style='z-index:1;background-color:#2D2413;height:30px;'>
      &nbsp;
    </div>
  </div>
</body>

</html>